html #layuicss-layuiAdmin {
    display: none;
    position: absolute;
    width: 1989px;
}

/* 系统 */
::-webkit-input-placeholder {
    color: #ccc;
}

/** 滚动条 **/
/*
::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
*/

/* 全局 */
html {
    // background-color: #f2f2f2;
    color: #666;
}

*[template],
.layadmin-tabsbody-item {
    display: none;
}

*[lay-href],
*[lay-tips],
*[layadmin-event] {
    cursor: pointer;
}



/*
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-item a{color: #fff;}
.layui-layout-admin .layui-header .layui-layout-right .layui-nav-item a cite{color: rgba(255,255,255,.7);}
*/
.layui-layout-admin{
    &.header-left{
        background-image:linear-gradient(hsl(var(--b1)),hsl(var(--b1)),hsl(var(--p)));
        display: flex;
        flex-direction: row !important;
        .header-area{
            width:70px;
            height: 100%;
            flex-direction: column;
            overflow: hidden;
            border-right: 1px solid;
            border-color: hsla(var(--bc) /.1);
            .logo-area{
                // display: none;
                padding:0;
                border-bottom: 1px solid;
                border-color: hsla(var(--bc) /.1);
                margin:0 0 8px 0;
                .name{
                    display: none;
                }
            }
            .head-menu-area-bk{
                display: flex;
                .head-menu-area-main{
                    position: relative;
                    top:0;
                    .head-menu-area{
                        height: auto;
                        max-height: 100%;
                        display: flex;
                        flex-direction: column;
                        ul{
                            li{
                                padding:8px 0;
                                &.hover{
                                    background-color: hsla(var(--ac) / 0.2);
                                    border-radius: 4px;
                                    
                                }
                                a{
                                    line-height: 120%;
                                }
                            }
                        }
                    }
                }
                
            }
            .layui-header{
                display: none;
            }
        }
        .main{
            height: 100%;
        }
    }
}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
    // color: #333;
}

.layui-layout-admin .layui-side {
    width: 220px;
    top: 0;
    z-index: 1001;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

// .layui-layout-admin .layui-logo,
// .layui-layout-admin .layui-header .layui-nav .layui-nav-item {
//     height: 50px;
//     line-height: 50px;
// }

.layui-layout-admin .layui-logo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 220px;
    height: 49px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: center center;
}

.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer {
    left: 220px;
}

.layadmin-pagetabs {
    position: fixed;
    top: 50px;
    right: 0;
    // z-index: 888;
}

.layadmin-pagetabs .layui-breadcrumb {
    padding: 0 15px;
}

.layui-layout-admin .layui-body {
    position: fixed;
    top: 90px;
    bottom: 0;
}

.layui-layout-admin .layui-body .layadmin-tabsbody-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    
}

.layui-layout-admin .layui-header .layui-nav-img {
    width: 26px;
    height: 26px;
}

.layui-layout-admin .layui-header .layui-nav-child {
    top: 55px;
}

.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
    left: auto;
    right: 0;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a,
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this {
    background: none;
}

/* 统一动画 */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
.layui-layout-admin .layui-layout-left,
.layadmin-pagetabs,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-side,
.layui-layout-admin .layui-logo,
.layui-layout-admin .layui-header .layui-layout-right {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/* 图标 */
.layui-icon-login-qq {
    color: #3492ed;
}

.layui-icon-login-wechat {
    color: #4daf29;
}

.layui-icon-login-weibo {
    color: #cf1900;
}

/* 表单 */
.layui-form[wid100] .layui-form-label {
    width: 100px;
}

.layui-form[wid100] .layui-input-block {
    margin-left: 130px;
}

@media screen and (max-width: 450px) {
    .layui-form[wid100] .layui-form-item .layui-input-inline {
        margin-left: 132px;
    }

    .layui-form[wid100] .layui-form-item .layui-input-inline + .layui-form-mid {
        margin-left: 130px;
    }
}

.layui-form-item .layui-input-company {
    width: auto;
    padding-right: 10px;
    line-height: 38px;
}

/*
 
 格局
 
*/

.layui-fluid {
    padding: 15px;
    box-sizing: border-box;
}

.layadmin-header {
    display: none;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    border-radius: 0;
}

.layadmin-header .layui-breadcrumb {
    padding: 0 15px;
}

.layui-card-header {
    position: relative;
}

.layui-card-header {
    & > .layui-icon {
        line-height: initial;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -7px;
    }
}

.layadmin-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/*
 
 控制台
 
*/
/* 重置轮播样式 */
.layadmin-carousel {
    height: 185px !important;
    background-color: rgba(255,255,255,0) !important;
    &> *[carousel-item] {
        &> * {
            background-color: rgba(255,255,255,0);
        }
        &::before{
            display: none;
        }
    }
}

// .layadmin-carousel .layui-carousel-ind li {
//     background-color: none;
// }

// .layadmin-carousel .layui-carousel-ind li:hover {
//     background-color: none;
// }

// .layadmin-carousel .layui-carousel-ind li.layui-this {
//     background-color: none;
// }

// .layadmin-carousel .layui-carousel,
// .layadmin-carousel > *[carousel-item] > * {
//     background-color: none;
// }

// .layadmin-carousel .layui-col-space10 {
//     margin: 0;
// }

// .layadmin-carousel .layui-carousel-ind {
//     position: absolute;
//     top: -41px;
//     text-align: right;
// }

// .layadmin-carousel .layui-carousel-ind ul {
//     background: none;
// }

/* 重置tab样式 */
.layui-card .layui-tab-brief .layui-tab-title {
    height: 42px;
    border-bottom-color: #333;
}

.layui-card .layui-tab-brief .layui-tab-title li {
    margin: 0 15px;
    padding: 0;
    line-height: 42px;
}

.layui-card .layui-tab-brief .layui-tab-title li.layui-this {
    color: #333;
}

.layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
    height: 43px;
}

.layui-card .layui-tab-brief .layui-tab-content {
    padding: 15px;
}

.layui-card .layui-table-view {
    margin: 0;
}

/* 快捷方式 */
.layuiadmin-card-status {
    li {
		border-bottom: 1px solid;
		border-color: hsla(var(--bc) / 0.1);
	}
	dd {
		border-bottom: 1px solid;
		border-color: hsla(var(--bc) / 0.1);
	}
}
.layuiadmin-card-text{
    background-color: hsla(var(--bc) / 0.1);
}
.layadmin-shortcut li {
    text-align: center;
}

.layadmin-shortcut li .layui-icon {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 2px;
    font-size: 30px;
    background-color: hsla(var(--bc) / 0.1);
    color: hsla(var(--bc) / 1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    &:hover{
        background-color: hsla(var(--bc) / 0.4);
    }
}

.layadmin-shortcut li cite {
    position: relative;
    top: 2px;
    display: block;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}

.layadmin-shortcut li:hover .layui-icon {
    background-color: #f2f2f2;
}

/* 待办事项 */
.layadmin-backlog {
    .layadmin-backlog-body {
        display: block;
        padding: 10px 15px;
        background-color: rgba(255,255,255,0);
        color: #999;
        border-radius: 2px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        & h3 {
            padding-bottom: 10px;
            font-size: 12px;
        }
        
        & p cite {
            font-style: normal;
            font-size: 30px;
            font-weight: 300;
            color: #009688;
        }
        
        &:hover {
            background-color: hsla(var(--bc)/.1);
            color: #888;
        }
    }
}



/* 数据概览 */
.layadmin-dataview {
    height: 332px !important;
}

.layadmin-dataview > *[carousel-item]:before {
    display: none;
}

.layadmin-dataview > *[carousel-item] > div {
    height: 332px;
}

/* 控制台效果报告 */
.layadmin-takerates {
    padding-top: 5px;
}

.layadmin-takerates .layui-progress {
    margin: 50px 0 60px;
}

.layadmin-takerates .layui-progress:last-child {
    margin-bottom: 10px;
}

.layadmin-takerates .layui-progress h3 {
    position: absolute;
    right: 0;
    top: -35px;
    color: #999;
    font-size: 14px;
}

.layadmin-takerates .layui-progress-bar {
    text-align: left;
}

.layadmin-takerates .layui-progress-text {
    top: -35px;
    line-height: 26px;
    font-size: 26px;
}

/* 产品动态 */
.layadmin-news {
    height: 60px !important;
    padding: 5px 0;
}

.layadmin-news a {
    display: block;
    line-height: 60px;
    text-align: center;
}

.layadmin-news .layui-carousel-ind {
    height: 45px;
}

/* 文字列表 */
.layadmin-list li {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom-color: #f6f6f6;
    list-style-position: inside;
    list-style-type: disc;
}

.layadmin-list li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.layadmin-list li a {
    color: #666;
}

.layadmin-list li a:hover {
    color: #009688;
}

.layadmin-list li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

/* 文本区域 */
.layadmin-text p {
    margin-bottom: 10px;
    text-indent: 2em;
}

.layadmin-text p:last-child {
    margin: 0;
}

.layadmin-font-em {
    font-size: 13px;
    color: #758697;
}

/*
 
 系统
 
*/

/* 头部图标重置 */
.layui-card-header.layuiadmin-card-header-auto {
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
}

.layuiadmin-card-header-auto i.layuiadmin-button-btn {
    position: relative;
    right: 0;
    top: 0;
    vertical-align: middle;
}

.layuiadmin-card-header-auto .layui-form-item:last-child {
    margin-bottom: 0;
}
// .importDark (@a)when (@a="dark") {
//     html {
//         color: #fff;
//     }
//     .layadmin-carousel {
//         background: none;

//         & > [carousel-item] {
//             background: none !important;

//             ul {
//                 background: none !important;
//             }

//             &:before {
//                 display: none;
//             }
//         }
//     }
//     .layadmin-backlog {
//         .layadmin-backlog-body {
//             background: rgba(0, 0, 0, .1)
//         }
//     }
// }
.layui-layout-admin .layui-footer {
    background-color: hsl(var(--b1));
    box-shadow: 0 -1px 2px 0 hsla(var(--bc) / 0.2);
}